body  {background: #E7E9E0; }
body, TD, SELECT, TEXTAREA, INPUT, .linkfont, .basefont {font-family: Arial, Helvetica, sans-serif;}

/** styles for hidden header text to make pages more accessible to users of assistive technology*/
SPAN.header, H1.header {
    position: absolute;
    left: -999em;
    width: 0.1em;
    overflow: hidden;
}
/** styles to keep visible header text from being so large (e.g. context bar, info page title, table titles) */
H1 {
    display: inline;
    margin: 0px;
    font-size: 1.0em;
}

SELECT, TEXTAREA, INPUT, .basefont {font-size: .8em;}

/* need to override so the font size is not .8 of .8  for cases where another .8 size is already applied */
.ppData INPUT,    .tabledatacell INPUT,    .c INPUT,    .wizardLabel INPUT,    .basefont INPUT, .tabledatafont INPUT,
.ppData TEXTAREA, .tabledatacell TEXTAREA, .c TEXTAREA, .wizardLabel TEXTAREA, .basefont TEXTAREA, .tabledatafont TEXTAREA,
.ppData SELECT,   .tabledatacell SELECT,   .c SELECT,   .wizardLabel SELECT,   .basefont SELECT, .tabledatafont SELECT,
#nav3 .menuItem A, .menuItem A, .ppData .ppData
{font-size: 1.0em;}

SELECT {color: #000000;}
TEXTAREA:focus, INPUT:focus {background-color: #FFFFDD; }
FORM { margin-bottom: 0px; }

FIELDSET { 
    margin-top: 10px;
    padding: 0;
    border-left: none; 
    border-right: none; 
    border-bottom: none;
    border-top: 1px solid #abaca0;
}

FIELDSET LEGEND {
    margin-left: -0.4em;
    font-weight: bold;
    font-size: 0.9em;
    color: black;
}

FIELDSET .fieldsetbody {
    padding: 0.3em 0 0 0;
}


/*** Styles for two-pane (left/right) folder browser tree and table */
.lpfolderlinkfont       {color: black; text-decoration: none; vertical-align: middle;}
.lpfolderlinkfont:hover, .lpfolderlinkfont:active, .lpfolderlinkfont:focus {color: black; text-decoration: underline;}

.foldertableheader      {background:     #fdf8ce;
                         border:         #babfb0 1px solid;
                         color:          #48483E;
                         font-size:      .8em;
                         font-weight:    bold;
                         margin-left:    10px;
                         padding:        3px;
                        }

.fbdetailsbox           {padding:        3px;
                         padding-bottom: 5px;
                        }

.fbDetailsName          {padding-top:    2px;
                         padding-left:   0px;
                         padding-bottom: 2px;
                        }

.fbDetailsLocation      {padding-top:    2px;
                         padding-left:   3px;
                         padding-bottom: 2px;
                        }


.simpleFrameContent     {padding:        0px;
                         overflow:       auto;
                        }

.dojoSplitPane          {margin-right:   5px;}

.dojoSplitContainerWithScroll {position: relative;}

#folderPageLeftPane {width: 100% !important;}

.dojoDialog { background : #ECE9D8; border : 2px solid #A7A898; padding : 4px; }
.dialogFont { color: #FDF8CE; font-weight: bold; }


/***/

/* On page help box */
.inlineHelpBox          {  border: 1px solid #B1B2A4; background-color: #E7E9E0; vertical-align: middle; }

/*  Accept and Decline buttons on the software license page */
.acceptBtn       { font-weight: bold;}
.acceptBtn:hover, .acceptBtn:active, .acceptBtn:focus {text-decoration: underline;}
.declineBtn      {  font-weight: bold;}
.declineBtn:hover, .declineBtn:active, .declineBtn:focus {text-decoration: underline;}

/********************************************/
  .pageHeader OL, .nav1 OL, .nav2 OL, #nav3 OL {margin: 0px; padding: 0px;}

 /**** styles for the Header Navigation area */
  .pageHeader LI { display: inline; list-style: none; }
  .pageHeader {white-space: nowrap; background-image: url(../../netmarkets/images/header.gif); background-repeat: no-repeat; background-color: #40637A;}
 /****/

 /**** Application Logos for the header area */
  .applLogo {background-repeat: no-repeat; height: 55px; background-position:34px;}
  .wncApplLogo {background-image: url(../../netmarkets/images/logoWC.gif);}
  .pjlApplLogo {background-image: url(../../netmarkets/images/logoPJL.gif);}
  .pdmlApplLogo {background-image: url(../../netmarkets/images/logoPDML.gif);}
  .proIApplLogo {background-image: url(../../netmarkets/images/logoPROI.gif);}
  .atcmApplLogo {background-image: url(../../netmarkets/images/logoATCM.gif);}
 /****/

 /**** style for actions that appear in the page header */
   .pageHeaderActions {white-space: nowrap; color: #FFFFFF; font-size: 0.8em; margin-right: 4px; text-align: right; float: right;}
   .pageHeaderActions .one, .pageHeaderActions .two {margin: 3px 0px;}
   .pageHeaderActions .search {margin-right: 8px;}
   .pageHeaderActions A {margin: 8px; text-decoration: none; color: #FFFFFF; vertical-align: middle;}
   .pageHeaderActions A:hover { text-decoration: underline; }
 /****/

/**** styles for the navigation bars */
  .nav1 LI, .nav2 LI, #nav3 LI { display: inline; list-style: none; }
  .nav1 A, .nav2 A, #nav3 A {text-decoration: none; color: #000000; font-size: 0.8em;padding: 0px 3px;}
  .nav1, .nav2, #nav3 {white-space: nowrap; background-color: #dedece; width: 100%;}
  .nav2, #nav3 {border-top: 1px solid #bcbdb1; border-bottom: 2px solid #bcbdb1;}  
  .nav1 A.h, .nav2 A.h, #nav3 A.h {background-color:#fdf8ce;}
  .nav1 A.h, .nav2 A.h, #nav3 A.h {border-top: 1px solid #8c8972; border-left: 1px solid #8c8972; border-bottom: 2px solid #8c8972; border-right: 2px solid #8c8972;}
/****/

.expandCollapse {
   margin-right: 8px;
    float: right;
}

/**** All keyboard selected links should have a focus indicator for section 508 compliance.*/
/*Links are getting a black background with white text*/
 .nav1 A:focus, .nav1 A:active, 
 .nav2 A:focus, .nav2 A:active, 
 #nav3 A:focus, #nav3 A:active,
 .searchBar A:focus, .searchBar A:active, 
 .pageHeaderActions A:focus, .pageHeaderActions A:active, 
 .footer A:focus, .footer A:active
    { 
    background-color: #000000; 
    color: #FFFFFF;
    }
    
 .nav2 A:active.arrow, .nav2 A:focus.arrow, #nav3 A:active .mainMenuArrow, #nav3 A:focus .mainMenuArrow {background-image: url(../../netmarkets/images/arrow_menu_dw9x9.gif); }
 
/** images are getting a bevel look */
 /** This turned out to be a major black hole for inconsistencies when we tried to do all images, 
  * so we would like to add the bevel look to more images for X-12 or X-20***
 .selectionActionList A:Active,.selectionActionList A:focus, .selectionActionList A:hover,
 .nonselectaction A:Active, .nonselectaction A:focus, .nonselectaction A:hover,
 .tableActionList A:Active, .tableActionList A:focus, .tableActionList A:hover,
 .contextbar .contextTitle A:Active, .contextbar .contextTitle A:focus, .contextbar .contextTitle A:hover,
 .c A:active IMG, .c A IMG:hover, TD.c A:focus IMG, 
 .jsttd A:active IMG, .jsttd A IMG:hover, TD.jsttd A:focus IMG
 */
    .expandCollapse A:active IMG, .expandCollapse A:focus IMG, .expandCollapse A:hover IMG
    {
    background-color: #F7F7F7;
    border-top: 1px solid #CFCEC2; border-left: 1px solid #CFCEC2; 
    border-bottom: 2px solid #8c8972; border-right: 2px solid #8c8972;
    }
    
    /** to keep the images from jumping when a border is adding on selection */
    .expandCollapse IMG {
       border-top: 1px solid #dedece; border-left: 1px solid #dedece; 
       border-bottom: 2px solid #dedece; border-right: 2px solid #dedece;
    }
    /* so the black backround doesn't show */
    .nav1 .expandCollapse A, #nav3 .expandCollapse A {
        margin: 0px;
        padding: 0px;
    }
/*
    .selectionActionList A {
       border-top:1px solid #d6d5c7;
       border-left:1px solid #d6d5c7;
       border-bottom:3px solid #d6d5c7;
       border-right:2px solid #d6d5c7;   
    }
     .nonselectaction A {
       border-top:1px solid #e7ebe7;
       border-left:1px solid #e7ebe7;
       border-bottom:3px solid #e7ebe7;
       border-right:2px solid #e7ebe7;   
    }
    .nonselectaction A, .selectionActionList A {
        padding: 1px;
        padding-bottom: 4px;
}
/***/


/**** styles for the 1st level navigation "tabs", using html>body styles to get certain styles to work only in firefox, right now IE ignores them***/
  .nav1 LI {padding: 0px 8px;}
  html>body .nav1 {padding-bottom: 1px;}
/****/

/**** styles for the 2nd level navigation "tabs", using html>body styles to get certain styles to work only in firefox, right now IE ignores them ***/
  .nav2 LI {padding: 4px; padding-top: 3px; border-left: 1px solid #bcbdb1; padding-bottom: 3px;}
  .nav2 {padding-bottom: 2px;}
  html>body .nav2 {padding-bottom: 1px;}
  html>body .nav2 LI {padding-top: 1px;}
/****/

/**** styles for the 3rd level navigation menus on info pages, using html>body styles to get certain styles to work only in firefox, right now IE ignores them */
  #nav3 A {margin-left: 10px; margin-right: 14px;}
  #nav3 {padding-top:2px;}
  html>body #nav3 {padding-bottom:3px;}
/****/

 /**** styles for the arrows on JS dropdowns ***/
   /* default style for dynamic menu arrows - has a black arrow image */
   .arrow {padding-right: 16px; background-repeat: no-repeat; background-position: center right; background-image: url(../../netmarkets/images/arrow_menu_d9x9.gif); }
   .nav2 .arrow {padding-top: 2px; padding-right: 16px; background-color: #ebede5;}
   .nav2 .arrow {height: 0%;} /* This is a "hack" that gets the arrow next to the list menu to work in IE, which needs a height, otherwise arrow overlaps menu text */

   /* style for "Recently Accessed" overrides the default with a white arrow image */
   .pageHeaderActions .arrow {background-image: url(../../netmarkets/images/arrow_menu_dw9x9.gif); padding-right: 16px;}
 /****/

 /**** The context bar, usually white, that contains project name, state, status etc. */
    .contextbar {background: #FFFFFF; padding: 1px 4px; font-weight: normal;}
    .contextbar .contextTitle {color: #000000; font-size: .8em; padding-left: 4px;} /* padding is for alignment with folder browser*/
    .contextbar .contextTitle IMG {vertical-align: middle;}
    .contextbar .contextTitle A {margin-left: 5px; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; 
                                 border-bottom: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF;}
    .contextbar .contextTitle LABEL {font-weight: bold;}
    .contextbar .welcomefont {font-weight: bold;}

    .contextbar .lastloginfont {color: #6e7063; font-size: .6em; float:right; margin-top: 2px;}
    .contextbar .contextInfo {color:#000000; font-weight: bold;  font-size: 0.8em; float:right;}
    .contextbar H1 {font-weight: normal;}
 /****/

 /**** bar that contains "Search Within My Work:" (or is empty on some pages) */
 /**** Be very careful with changes here because the search bar impacts many pages */
 /**** This has to be absolute or it damages the div curtain on the folders page */
    .searchBar {font-size: 0.8em; color: #000000; padding: 3px; text-align: right; position: absolute; right: 20px}
    .searchBar A {color: #000000; text-decoration: none;}
    .searchBar A:hover {text-decoration: underline;}
 /****/
/********************************************/

/**** search classes used in the global header "Search:" and for "Search Within My Work:" */
   .search A {padding-right: 0px;}
   .searchInput {margin-left: 0px; margin-bottom: 2px; font-size: 0.8em;}
/****/
/**** Go button that appears after the search input */
   .goBtn { background-color: #E4D57D; border-top: 1px solid #f6f2d8; border-left: 1px solid #f6f2d8; border-right: 1px solid #918a6e; border-bottom: 1px solid #918a6e; text-align: center; margin-left: 4px; font-size: .8em; padding-left: 0px; padding-right: 0px; margin-bottom: 2px;}
   .goBtn:hover, .goBtn:focus, .goBtn:active {text-decoration: underline;}
/****/

.projectnamefontNormal {color:#6e7063; font-weight: normal;  font-size: 1em;}
.projectnamefont {color:#6e7063; font-weight: bold;  font-size: 1em;}
.projectinfolabelfont {color:#000000; font-weight: bold;  font-size: 0.8em;}
.projectinfofont {color:#000000;  font-size: 0.8em;}

/*  Styles affecting the look of the tables */
.table { }
.tablebg {background: #E7E8E0;}
.tblcnr { }
.tableborderbg {background: #7A7B71;}
.tableevenrowbg , .tablebody .e {background: #F5F6F0;}
.tableoddrowbg , .tablebody .o {background: #FFFFFF;}
.tablehiddenrowbg , .tablebody .h {display: none;}
.tablehighlightrowbg {background: #E4D47C;}
.tableselectedrowbg , .tablebody .sr {background: #C6D4E6;}
.tableremovedrowbg , .tablebody .rr {background: #C6D4E6;text-decoration:line-through}
.tabletitlebg {background: #fdf8ce; width: 1px;}
.tabletitlebg2 {background:#fdf8ce;}
.tabletitlebg3 {background: #fdf8ce;}
.tabletitlesepbg {background: #FFFFFF;}
.tabletitlebox {background: #fdf8ce; padding-right: 6px;}
.tabletitlefont {color: #48483E; font-weight: bold; font-size: .8em;}
.tabletitlecountfont {color: #48483E; font-weight: normal;}
.tabletoolbarbg {background: #d6d5c7;padding-top:3px;padding-bottom:4px;}
.toolbarSep {background: #e5e5d9;}

.tablecolumnheaderfont, .pplabel {color: #000000; text-decoration: none; font-size: .8em; white-space: nowrap;}
.wrapable .tablecolumnheaderfont, .wrapable .tablecolumnheaderbg { white-space: normal;text-align:center;}

.tablecolumnheaderfontSel {color: #000000; text-decoration: none; font-size: .8em; white-space: nowrap;font-weight: bold;}
/*Spacer for the up/down arrow*/
span.tablecolumnheaderfont img {padding-left:2px;}

.tableHeaderRow {/*position:relative*/;TOP: expression(parentNode.parentNode.parentNode.scrollTop);}
/*Common properties for column header background colors*/
.tablecolumnheaderbg, .tablecolumnheaderbgSel, .tablecolumnheaderbgrollover {
      border-style:solid; border-width: 1px; white-space: nowrap;
      z-index: 20;
    /*  TOP: expression(parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.scrollTop);*/
      position: relative;
      font-weight: normal;
      font-family: Arial, Helvetica, sans-serif;
      text-align :left;
      padding-right: 10px;  /*vsharma_15*/
      padding-left: 5px;
 }
.tablecolumnheaderbg {background: #d6d5c7; border-color: #ffffff #76766e #76766e #f2f2ee; }
.tablecolumnheaderbgSel {background: #BCBDB1; border-color: #939788 #babbad #babbad #939788;font-weight: bold; }
.tablecolumnheaderbgrollover {background: #F2EBBD; border-color: #f2f2ee #76766e #76766e #f2f2ee; }
.pointer { cursor: pointer; }
.tablecheckboxbg , .cb {background: #d6d5c7; border-left: 1px solid #c8c9bf; border-bottom: 1px solid #c8c9bf !important; border-right: 1px solid #c8c9bf; width: 22px;
   LEFT: expression(parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.scrollLeft);
 /*  position: relative;*/
}

.tabledatafont, .ppdata {color: #000000; font-size: .8em;}
.info .ppdata {white-space: nowrap;}
.ppdata input { margin-left: 0px; }

/*.tabledatacell , .c {color: #000000; font-size: .8em; padding-left: 2px; padding-right: 2px; font-weight: normal; text-align:left;} */
.tabledatacell , .c {color: #000000; font-size: .8em; BORDER-RIGHT: #e5e5d9 1px solid; BORDER-BOTTOM: #e5e5d9 1px solid; font-weight: normal; padding-left: 2px; padding-right: 2px; text-align:left;  vertical-align: top;
    }

.cell_long_text_width {width:300px;}
.cell_long_text {color: #000000; font-size: .8em; font-weight: normal;  text-align:left;  vertical-align: top;}

.tableselall { border-bottom: 1px solid #606153; border-right: 1px solid #606153; background:#fdf8ce;
   z-index: 36;
   width: 22px;
   LEFT: expression(parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.scrollLeft);
  /* position: relative;*/
 }


 .tableHeaderScroll {}
 .tableDivScroll {}
 .tablebodyScroll {}
 .tablebodyScrollGeko {}

.tableiconcell {margin: 0px; border: none;}
.tablecellsepbg {background: #e5e5d9;}
.tablePaging {color: #000000; font-size: .8em; margin-left: 40px;}
.tablePagingCount {color: #000000; font-size: .8em; font-weight:bold;}
.tablePagingCount1 {color: #000000; font-size: .8em;}
.tablePagingLnk {color: #000000;}
.tablePagingBg  {background: #d6d5c7; text-align: center;}
.tableItemCount {color: #000000; font-size: .8em; margin-left: 10px; margin-right: 10px;}
.tableItemFont {color: #000000; font-size: .8em; margin-right: 30px;}
.tableSelectCountBg {background: #d6d5c7; text-align: left;}
.cView {font-size: .8em; padding-left: 6px; vertical-align: middle;}
optgroup.sep {font-size: .4em;} /* needed to fix placement of the drop down in Firefox */
.maintablebg {background: #bfc7d2;}

/*  Styles affecting the look of the table footers */
.tblftr { margin-left: 18px; margin-bottom: 10px; }
.tblftrBG {background-color: #d5d6c8; padding: 2px;}
.tblftr A { color: #000000; font-size: .7em; padding: 4px; }

/*  Styles affecting the look of the trees */
.tree { }
.tree .tabledatacell { border-bottom: 1px solid #e5e5d9; border-left: 1px solid #e5e5d9; padding-left: 4px;}
.tree .tableoddrowbg td th { border-bottom: 1px solid #e5e5d9; }
.tree .tableevenrowbg td th { border-bottom: 1px solid #e5e5d9; }
.tree .tabledatafont {padding-right: 4px; vertical-align: middle;}
.treetablebg {background: #FFFFFF;}

/*** style for the menu bar in tables/trees */
#tMenubar OL {margin: 0px; padding: 0px;}
#tMenubar LI {display: inline; list-style: none;}
#tMenubar {border-bottom:1px solid #7a7b71; padding: 2px; padding-left: 10px; font-size: .8em;}
#tMenubar A {text-decoration: none; color: #000000; border-left:1px solid #e7e8e0; border-right:2px solid #e7e8e0; padding-left: 2px; margin-right: 5px;}
#tMenubar A:hover, #tMenubar A:focus, #tMenubar A:active {border-top:1px solid #d6d5c7; border-left:1px solid #d6d5c7; border-bottom:2px solid #8c8972; border-right:2px solid #8c8972;}
/***/

/* Styles affecting glyphs */
.tabledatafont IMG.g1 {top: 2px; }
.tabledatafont IMG.g2 {top: 2px; }
.tabledatafont IMG.g3 {top: 5px; }

/*  Styles affecting the look of the select all box in tables */
.sab {  margin-left: -1px; margin-top: -0px; position: relative;
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */
position: relative;}
.sab TABLE {  text-align: center; font-size: 0.7em;}
.sabBdr {  background-color: #606153 !important; padding: 0 !important; border-style: none !important; width: 1px;}
.sabBg  { background-color: #E4D57D; padding-top: 2px; border-top: 1px solid #f6f2d8; border-left: 1px solid #f6f2d8; border-right: 1px solid #918a6e; border-bottom: 1px solid #918a6e; white-space: nowrap;}
.sabspcr { width: 1.0em; height: 1.0em;}

/*  Styles affecting the look of the help links */
/* .hlpTbl { margin-right: 3px;} */
.hlpCnr { }
.hlpBdr { background-color: #606153; }
.hlpBg_Hidden {visibility: hidden; background-color: #E4D57D; border-top: 1px solid #f6f2d8; border-left: 1px solid #f6f2d8; border-right: 1px solid #918a6e; border-bottom: 1px solid #918a6e; text-align: center; padding-top:2px; padding-bottom:2px; height: 16px; width: 16px; margin-right:1px; margin-top:1px; margin-bottom:1px;}
.hlpBg {cursor: pointer; background-color: #E4D57D; border-top: 1px solid #f6f2d8; border-left: 1px solid #f6f2d8; border-right: 1px solid #918a6e; border-bottom: 1px solid #918a6e; text-align: center; vertical-align: middle;}
.hlpBdr { margin-right: 3px;}
.hlpTxt { color: #3E4233; font-size: 0.7em; text-decoration: none; font-weight: bold; white-space: nowrap; }
.hlpTxt:hover, .hlpTxt:focus, .hlpTxt:active { text-decoration: underline; }

/*  Styles affecting the look of the wizards */
.wiz        { height: 80%;  width: 100%;}
.wizbodybg  {background: #D1D2C6; font-family: Arial, Helvetica, sans-serif;}
.wizTblBdy  {background-color: #E7E9E0;}
.wizReqRow  {background-color: #E7E9E0;}
.wizCnr     { }
.wizBdr     {background-color: #A7A898; height: 1px;}
.wizInCnr   {background-color: #A7A898; height: 1px;}
.wizTitle   {background-color: #0C4891;}
.wizStp     {background-color: #DFE0D7;}
.wizStpSel  {background-color: #F4F6EF;}
.wizBtn {background-color: #E4D57D; margin-right:10px; margin-bottom:2px; margin-top:2px;}
.wizBtn:hover, .wizBtn:focus, .wizBtn:active {text-decoration: underline;}
.wizCancelBtn_nosteps {background-color: #E4D57D; margin-bottom:2px; margin-top:2px;}
.wizCancelBtn {background-color: #E4D57D; margin-left:15px; margin-bottom:2px; margin-top:2px;}
.wizCancelBtn:hover, .wizCancelBtn:active, .wizCancelBtn:focus {text-decoration: underline;}
.wizBtnBar {display: inline; text-align: right; float:right; padding-top: 8px;}
.headerBtns {background-color: #E4D57D; border: 2px; margin: 5px; font-size: .8em;}
.headerBtns:hover, .headerBtns:active, .headerBtns:focus {text-decoration: underline;}
.wizNxtBtn {background-color: #E4D57D; background-image: url(../../wtcore/images/bblks/arrowbtn_next.gif); background-repeat: no-repeat; background-position: 88% 40%; padding-left: 8px; padding-right: 8px; margin-right:10px; margin-bottom:2px; margin-top:2px;}
.wizNxtBtndisabled {background-color: #E4D57D; background-image: url(../../wtcore/images/bblks/arrowbtn_next_disabled.gif); background-repeat: no-repeat; background-position: 88% 40%; padding-left: 8px; padding-right: 8px; margin-right:10px; margin-bottom:2px; margin-top:2px;}
.wizNxtBtn:hover, .wizNxtBtn:focus, .wizNxtBtn:active {text-decoration: underline;}
.wizPrevBtn {background-color: #E4D57D; background-image: url(../../wtcore/images/bblks/arrowbtn_back.gif); background-repeat: no-repeat; background-position: 8% 40%; padding-left: 8px; padding-right: 8px; margin-right:10px; margin-bottom:2px; margin-top:2px;}
.wizPrevBtndisabled {background-color: #E4D57D; background-image: url(../../wtcore/images/bblks/arrowbtn_back_disabled.gif); background-repeat: no-repeat; background-position: 8% 40%; padding-left: 8px; padding-right: 8px; margin-right:10px; margin-bottom:2px; margin-top:2px;}
.wizPrevBtn:hover, .wizPrevBtn:focus, .wizPrevBtn:active {text-decoration: underline;}
.wizStepsHdr  { color: #4F514A; display: inline;text-align: top;vertical-align:top;}
.wizStepsHdr:link { color: #4F514A; }
.wizContentArea {background-color: #DFE0D7; background: #DFE0D7; padding: 8px; position: relative; height: 70%; max-height: 80%; min-height: 10%; width: 100%; max-width: 96%; overflow: auto;}
.wizDialogContentArea {background-color: #DFE0D7; background: #DFE0D7; padding: 8px; position: relative; max-height: 80%; min-height: 10%; width: 100%; max-width: 96%; overflow: auto;}
.wizardsteptilefontOLD {
   color: #FDF8CE;
   font-size: 0.9em;
   font-weight: bold;
}

.wizTitleTD {padding: 4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.wizHdr         {text-align: right; margin-top: 8px; margin-bottom: 8px; background-color: #0C4891;table-layout:fixed;
background: #0C4891; padding: 4px; color: #FDF8CE; font-weight: bold; font-size: 1.1em; vertical-align: middle;}
.progress       {display: table-cell; display: none;}
.progress img {position:absolute; left:45%; top:46%; vertical-align: middle;}
.wizardtitlefont {color: #FDF8CE; font-weight: bold; font-size: 1.1em;}
.wizardstepsfont {color: #4F514A; font-weight: bold; font-size: .7em; padding: 2px;}
.wizardstepsfont2 {color: #4F514A; font-weight: normal; text-decoration: none;}
.wizardstepsfont2:hover, .wizardstepsfont2:focus, .wizardstepsfont2:active {text-decoration: underline;}
.wizardstepsfont3 {color: #92978a;  font-size: .7em; padding: 2px;}
.wizardstepstitlefont {font-size: .9em; text-decoration: none; color: #000000; font-weight: bold; display: inline; padding-right: 2px; text-align: top; vertical-align: top;}
.wizardstepstitlefont:link {text-decoration: none;}
.wizardstepstitlefont:hover, .wizardstepstitlefont:active, .wizardstepstitlefont:focus {text-decoration: underline}
.wizardstepstitlefont2 {font-size: .9em; text-decoration: none; color: #000000; font-weight: normal; display: inline; padding-right: 2px; text-align: top; vertical-align: top;}
.wizardstepstitlefont2:link {text-decoration: none;}
.wizardstepstitlefont2:hover, .wizardstepstitlefont2:active, .wizardstepstitlefont2:focus {text-decoration: underline;}
.wizardstepsbg  {background: #B1B2A4;}
.wizardstep {color: #000000; vertical-align: top;}
.wizardlabel {color: #000000; font-size: .8em; font-weight: bold;}
.wizardLabelContinued{color: #000000; font-size: .8em;}
.wizardcontent {color: #a2a594; font-size: .7em;}
.wizardlabel_cols {text-align:right; padding-right: 2px; padding-left: 2px; white-space: nowrap;}
.wizardcontent_cols {padding-right: 30px;}
.wizardcontenttable {white-space: nowrap; border-style: none; padding: 2px;}

.seeactionslabel {color: #000000; font-size: .8em; white-space: nowrap;}
.wizardhelpfont { font-weight: bold; font-size: .8em;}
.wizardEmbeddedHelp{display: inline; margin-top: 8px; margin-bottom: 8px; color: #000000; font-size: .8em;}
.wizardEmbeddedHelp_Hidden{display: none; visibility: hidden; margin-top: 8px; margin-bottom: 8px; color: #000000; font-size: .8em;}
.wizardbuttonfont {color: #000000; font-size: .9em;}
.wizarddisabledbuttonfont {color: #BBBBBB; font-size: .9em;}
.wizarddisabledbuttonbg {background: #EEEEEE;}
.wizarddisabledbuttonborder {background: #CCCCCC;}

.wizDropTarget          {  background-color:  #FDF8CE;}
.wizDropOutline         {  background-color:  #3E4F78;}
.wizDropBorder          {  background-color:  #B8CCEB;}

/* style used to hide gui components (e.g. TypePickerTag hides the type combo box and just displays text when there is a single type) */
.hidden {display:none;}

/*marker style for required fields*/
.required {}

.nowrap { white-space: nowrap;}

.noItems {font-size: .8em; width: 500px; padding-left:10px;}

/* For use in labels that are allowed to wrap */
.labelWrap {color: #000000; font-size: .8em;}

.requiredfield {color: #000000; margin-right: 2px;}
.requiredfieldfont {color: #000000; font-size: .8em}
.requiredfieldDisplay {display: inline; text-align: left; float:left; padding-top: 8px;}
.buttonfont {color: #FFFFFF; text-decoration: none;font-size: 1em;}


.forumsubjectbg {background: #bfc7d2;}


.utilities { font-size: .8em; margin-left: 6px;}
.utilities TD { padding-left: 10px; vertical-align: top;}
.utilities .header { font-weight: bold; padding-left: 0px; padding-top: 1em;}
.utilities .title  { white-space: nowrap;}

/*  Styles affecting the look of the auditing screens */
.auditlev1  { margin-left: 2px;  padding: 6px; white-space: nowrap }
.auditlev2  { margin-left: 30px; padding: 6px; white-space: nowrap }
.auditlev3  { margin-left: 60px; padding: 0px; white-space: nowrap }
.audittable { white-space: nowrap; border-style: none; padding: 2px; }

/* Styles for the new footer */
.footer {color: #FFFFFF; font-size: .7em; text-decoration: none; margin-top: 10px;}
.footer A:visited, .footer A:hover, .footer A:active, .footer A:link { color: #FFFFFF;}
.footer {text-align: center; background-color: #40637A; height: 28px; padding-top: 3px;}

/* Styles for the new footer PTC logo */
.footer IMG {float: left; border: none; padding-left: 10px; }

/*  Styles affecting the look of the error messages */
.errortitle {color: #BB0000; font-weight: bold; font-size: 1.2em;}
.errorfont {color: #BB0000; font-size: 1em;}

.workitemtitlefont {color:#124280; font-weight: bold; font-size: 1.2em;}

.prjinfosep {background: #CCCCCC;}

/*  Styles affecting the look of the details pages */
.detailsboxbg  {background: #F2F3ED;}
.detailObjName {color:#000000; font-weight: bold;  font-size: 1em; padding-top: 5px; padding-bottom: 5px;}
TD.detailObjName .tabledatafont {font-weight: normal;}
hr.separator {width:100%; size:1;}

/*  Styles affecting the look of the timeline */
.timelinebg {background: #E7E8E0;}
.timeline .linkfont  {color: #000000; font-size: .7em;}
.timelineRow1 {background: #d6d5c7; border-right: 1px solid #76766e; padding: 3px; vertical-align: bottom;}
.timelineRow1 .linkfont { color: #000000; font-size: .7em; padding-right: 2px;}
.timelinerow2 {background: #E7E8E0; }
.timelinerow2 TD {border-right: 1px solid #76766e; padding: 3px; color: #000000; font-size: .7em; vertical-align: top;}
.timelinerow3 {background: #F5F6F0; color: #000000; font-size: .7em;}
.timelinerow3 TD { border-right: 1px solid #76766e; border-bottom: 1px solid #76766e; padding: 3px;}
.timelineToday { background: #E7E8E0; color: #000000; font-size: .7em; font-weight: bold;}
.timelineNoPad {padding: 0px !important; padding-left: 0px; padding-right: 0px;}


.empty { background: transparent;}

/*  Styles affecting the look of the calendar popup */
.caltableborderbg {background: #000000;}
.calcellbg {background: #CCCCCC;}
.calcellheadingbg {background: #FFFFFF;}
.calheadingfont {text-decoration: none; color: #000000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: .8em;}
.calfocusDay:link { color: #ff0000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: .8em;}
.calfocusDay:link:visited { color: #ff0000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: .8em;}
.calfocusDay:link:hover, .calfocusDay:link:focus, .calfocusDay:link:active { color: #ff0000; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: .8em;}
.calweekday:link { color: blue; text-decoration: none; font-family: sans-serif; font-size: .8em;}
.calweekday:link:visited {color: blue; text-decoration: none; font-family: sans-serif; font-size: .8em;}
.calweekday:hover, .calweekday:active, .calweekday:focus { color: darkred; font-family: sans-serif; font-size: .8em;}
.calpastday { color: #000000; text-decoration: none; font-family: sans-serif; font-size: .8em;}
.calpastdaySel { color: #ff0000; text-decoration: none; font-family: sans-serif; font-size: .8em;}

.lcstatefont {}
.lcstateN    {color: #a2a594;}
.lcstateS    {color: #000000;}

.overridden  {background: #CCCCCC;}
.overriddenCompleted { font-style: italic; background: #CCCCCC;}

/*  Styles affecting the look of the library */
.libTitle {font-size: 1.1em; font-weight: bold;}
.libTopic {}
.libDis   {font-size: .9em;}
.libLink  {}

.topicName {font-weight: bold;}

/*  Styles affecting the look of the visualization buttons */
.vizBtns {background-color: #E4D57D; border: 1px solid #606153; vertical-align: middle; width:100%; }
.vizBtns TD {width:100%; vertical-align: middle; text-align:center;}

.completed { font-style: italic; }
.centered { text-align: center; }

.statusDescriptionStamp { text-decoration: underline; font-size: 110%; }

/*  Styles affecting the look of overdue assignment dates */
 .overdueDate {color: red; font-weight: bold;}

/**** for the info page */
.info {padding-left:10px; padding-top: 10px; padding-bottom: 8px; }
.info H1 {font-weight: normal;}
.info .title {font-weight:bold;}
/****/
/**** for the attributes panel on the info page */
.attributesPanel {width: 100%;}
.attributesPanel TD.attributes {vertical-align: top;}
.ppOuterTD {vertical-align:top}
.ppOuter_TD {vertical-align:top;padding-left:40px}
 ul.properties{list-style: none;}
 ul.properties span.name {display: block; float: left; width: 12em; text-align: right; font-weight: bold; color: #000000; font-size: .8em; }
 ul.properties span.value {vertical-align: top; text-align: left; color: #000000; font-size: .8em; padding-left: 1px; }
.pplabel_cols {text-align:right; vertical-align: top; color: #000000; text-decoration: none; font-size: .8em; padding-right: 2px; padding-left: 2px; white-space: nowrap;}
.ppdata_cols {color: #000000; font-size: .8em; vertical-align: top; padding-right: 30px;}
/****/
/*** styles for property panels */
.pplabel {text-align: right; vertical-align: top; font-weight: bold;}
.pp .separator .line {height: 1px; border-top: 1px solid #7b7c77; font-size: .01em;}
.pp .separator .blank {height: 10px;}
.pp .header {font-weight: bold; font-size: .9em;}
/****/

/****Styles for JS menus*/
    DIV.menu {border:1px solid #000000;}
    .menu table {padding:0; background-color:#fff; border-collapse:collapse; spacing:0;}
    .menu { white-space:nowrap;}
    .menu * { white-space:nowrap; }
    .menu IMG {border:0px;}
    .menuIcon {padding-left: 5px;}
    a.menu {text-decoration: none;}
    a.menu:hover, a.menu:focus, a.menu:active  {text-decoration: underline;}
    .menu .separator TD {border-top:1px solid #000000;}
    .menuItem, .menuItemDisabled { font-size: 0.8em; }
    .menuItem A {text-decoration: none; color: black;}
    .menuItemDisabled {color: #8c8972;}
    .subMenuArrow, .mainMenuArrow, .menuChecked {background-repeat: no-repeat; height: 9px; width: 9px; }
    .subMenuArrow {background-image: url(../../netmarkets/images/arrow_menu_r9x9.gif);}
    .mainMenuArrow {background-image: url(../../netmarkets/images/arrow_menu_d9x9.gif);}
    #nav3 .mainMenuArrow {background-image: url(../../netmarkets/images/arrow_nav_d9x9.gif);}
    .menuChecked {background-image: url(../../netmarkets/images/checkmark_9x9.gif);}
    .info .menu {padding-left: 2px; padding-right: 16px; border: solid #8c8972 1px;} /* border on the actions link on info pages */
    .info .menu a {color: #000000; text-decoration: none;}
    .info .menu a:hover, .info .menu a:focus, .info .menu a:active {text-decoration: underline;}
    /* only highlight the selected menu if it is in a table */
    .tablebody .menuSelected {background-color: #C6D4E6;}
/****/

/* Styles for about page */
.aboutOK{float:right;padding:5px;}
.about{width:100%;height:250;background-color:white;border-width:1;border-style:solid;border-color:black; overflow:scroll;}


 /**** style for suggest widget - required/defined by/for script.aculo.us*/
      div.auto_complete {
        width: 350px;
        background: #fff;
        z-index: 55;
        position: relative;
        font-size: 0.8em;
      }
      span.wrapper{
      }
      div.auto_complete ul {
        border: 1px solid #888;
        margin: 0;
        padding: 0;
        width: 100%;
        list-style-type: none;
      }
      div.auto_complete ul li {
        margin: 0;
        padding: 3px;
      }
      div.auto_complete ul li.selected {
        background-color: #ffb;
      }
      div.auto_complete ul strong.highlight {
        color: #800;
        margin: 0;
        padding: 0;
      }
      div.auto_complete ul li informal {
        color: #888;
      }
      .value {
        display: none;
      }
 /**** end style for suggest widget - required/defined by/for script.aculo.us*/

  /**** style for hot key */
   .mnemonic {ACCELERATOR:true}
  /****/

/*  Locked columns */
.sablocked, .sab {
   left: expression(parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.scrollLeft);
   z-index: 40;
  /* TOP: expression(parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.scrollTop);*/
   background: #d6d5c7; border-style:solid; border-width: 1px; border-color: #f2f2ee #76766e #76766e #f2f2ee; white-space: nowrap;
   position: relative;
}
.tablecolumnheaderbglocked {
   background: #d6d5c7; border-style:solid; border-width: 1px; border-color: #f2f2ee #76766e #76766e #f2f2ee; white-space: nowrap;
   left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */
   z-index: 40; );
   position: relative;
   font-weight: normal;
   font-family: Arial, Helvetica, sans-serif;
   text-align:left;
}

.tabledatacelllocked, .clocked {
   color: #000000; padding-left: 2px; padding-right: 2px;
   BORDER-RIGHT: #e5e5d9 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-BOTTOM: #e5e5d9 1px solid;
   left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */
   position: relative;
   z-index: 20;
   font-size: .8em;
   font-family: Arial, Helvetica, sans-serif;
}

.cblocked {
   background: #d6d5c7; border-left: 1px solid #c8c9bf; border-bottom: 1px solid #c8c9bf !important; border-right: 1px solid #c8c9bf; width: 22px;
   left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */
   position: relative;
   z-index: 20;
   font-family: Arial, Helvetica, sans-serif;
}

.tablecolumnheaderbgSellocked {
   background: #BCBDB1; border-style:solid; border-width: 1px; border-color: #939788 #babbad #babbad #939788; white-space: nowrap;
   left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */
   position: relative;
   z-index: 30; TOP: offsetParent.scrollTop);
   font-family: Arial, Helvetica, sans-serif;
   text-align:left;
}

.searchDisplayInline {display: inline; vertical-align: middle;}

.displayStyle {display:none; font-size: .9em; color: #000000; vertical-align: top;}

.displayFloat {float:left;}

.displayTextAlign {text-align:right;}

.displayInline {display:inline;}

.winHelpDisplayStyle {border:none; }

.winMargin {margin:0px; }

.renderTitle{float:right; margin-right:6px;}
.treeimg { vertical-align : middle;}

/* */
.frame_outer {

   border-left:   #babfb0 1px solid;
   border-top:    #babfb0 1px solid;
   border-right:  #babfb0 1px solid;
   border-bottom: #babfb0 1px solid;
   margin-left:   10px;
   margin-top:    25px;
   margin-right:  0px;

}

.frameTitle {
   BORDER-BOTTOM: #babfb0 1px solid; BACKGROUND-COLOR: #fdf8ce;
   WIDTH: 100%;
   padding: 2px 0px;
   /*TOP: expression(parentNode.parentNode.scrollTop);*/
   LEFT: expression(parentNode.parentNode.scrollLeft);
   z-index: 35;
   position: relative;
}
.frameTitle .title {
   COLOR: #48483e; font-weight: bold; font-size: .8em; padding-top: 3px;
}

.frameTitle .view {
 vertical-align: middle;
}
.frameTitle .view SELECT {
   height: 18px;
}

.frameTitle .help {
  TEXT-ALIGN: right; padding-top: 1px;
}
.frameTitle .help A {
}
.frameContent {
   PADDING-RIGHT: 2px; PADDING-TOP: 0px;
}

.frameTable {
   width: 100%;
}

#twoPanes_LEFTPANE TABLE {
   width: 100%;
}

.paging_section {
   background-color: #d6d5c7;
   text-align: left;
   border-bottom: 1px solid #aaa;
   vertical-align: middle;
   width: 100%;
}
.paging_number {
  vertical-align: middle;
}

.selectionActionList, .selectionActionList TABLE, .selectionActionList TD{
   background-color: #d6d5c7;padding-top:3px;padding-bottom:4px;
}

.layoutTable  {
  border : 0px;
  margin : 0px;
  padding : 0px;
  border-collapse : collapse;
}
.layoutTable100 {
  border : 0px;
  margin-top : 4px;
  padding : 0px;
  width : 100%;
  border-collapse : collapse;
}

.selectionActionList TD{
   padding: 0px 4px ;
}

.selectionActionList IMG, .selectionActionList A, .nonselectaction IMG, .nonselectaction A {
   vertical-align: top;
   text-align: center;
   color: #000000;
   text-decoration: none;
   font-size: .6em;
}

.actionLists_outer {
   position: relative;
   z-index: 35;
   width : 100%;
   BACKGROUND-COLOR: #E7E9E0;
  /*TOP: expression(parentNode.parentNode.parentNode.scrollTop);*/
   LEFT: expression(parentNode.parentNode.parentNode.scrollLeft);
}

.actionLists {
   margin-bottom: 3px;
   margin-top : 6px;
}

/** style table toolbar lists */
.actionLists OL {margin: 0px; padding: 0px; display: inline;}
.actionLists LI {display: inline; list-style: none;}
/** and add this so the auto suggest "Search by Number" results on the toolbar of the edit structure table display correctly */
.actionLists LI LI {display: block;}

.frameMenu {
   z-index: 35;
   BACKGROUND-COLOR: #E7E9E0;
/* TOP: expression(parentNode.parentNode.scrollTop);*/
   LEFT: expression(parentNode.parentNode.scrollLeft);
   position: relative;
}
.nonselectaction, .selectionActionList {

   display: inline;
   padding-top:3px;padding-bottom:4px; 
}
.selectionActionList A, .nonselectaction A { margin: 0px 7px;}
.selectionActionList A:hover, .selectionActionList A:focus, .selectionActionList A:active, 
.nonselectaction A:hover, .nonselectaction A:focus, .nonselectaction A:active { text-decoration: underline;  }

.toolbariconfont { vertical-align:top;/*margin-top: 3px; padding-top: 3px; padding-bottom: 4px; jpw */}

.toolbariconfontdisabled {color: #696969; text-decoration: none; font-size: 10px;}
.toolbariconfontdisabled:hover, .toolbariconfontdisabled:focus, .toolbariconfontdisabled:active  {color: #696969; text-decoration: underline;}

.title {
   white-space: nowrap;
}

.displayInlineClass {
   display : inline;
}
/**** Styles for lifecycle state text on Item ID line of info page ****/
.lifeCycleState {
    float: right;
    font-family:Arial,Helvetica,sans-serif;
    margin-right: 30px;
    margin-left: 30px; 
    white-space: nowrap;
}

.readOnly {color: #989898; background-color: #fffffe;} /* Need to have textbox like white color to override firefox stype, so using #fffffe which is almost white */

/**** styles for the Actions list on the info page */
.infoPageActionsList {
    padding-right: 8px;
}

html.waitCursor * { cursor: wait; }

@media Screen {
    BODY.medium {
       FONT-SIZE: 1em
    }
    BODY.large {
       FONT-SIZE: 1.2em
    }

}

/**** search page styles */
.searchPage {margin-right: 4px; margin-left: 4px;}
/* to get rid of the extra 25px above the Search Criteria and Search Results tables without affecting other pages */
.searchPage .frame_outer { margin-top: 0px; }